{% extends "template.html" %}
{% block js %}
<script type="text/javascript">
    $(document).ready(function() {
        $("form#addHouseType").validate();
    });
</script>
{% endblock js %}
{% block right %}
<form id="addHouseType" action="{% url HouseTypes %}" enctype="multipart/form-data" method="post"><br/>
    <div><label>House Type:</label></div>
    <div><input type="text" name="houseType"  class="required"/></div><br/>
    <div><input type="submit" value="Save" /></div>
</form><br/>
<h2>House Types</h2>

{% for type in houseTypes %}
<li>{{type.houseType}}</li><br/>
{% endfor %}

{% endblock %}